<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--通知IE采用其支持的最新模式-->
    <meta http-equiv="X-UA-COMPATIBLE" CONTENT="IE=EDGE"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title></title>
    <style>
        .cus-nav a{color:#fff;}
        .cus-padding{padding-top:50px;}
        .cus-menu{border:1px solid #ddd;border-radius: 2px;}
        .cus-menu li ul{padding:0 0 0 20px;}

        .cus-content table th{font-size:13px;text-align:center;}
        .cus-content table td{font-size:10px;text-align:center;vertical-align: middle}
    </style>
</head>
<body  oncontextmenu='self.event.returnValue=false' onselectstart="return false">
<nav class="nav navbar-inverse navbar-fixed-top cus-nav">
    <div class="varbar-header">
        <a href="#" class="navbar-brand">管理系统</a>
    </div>
    <ul class="nav navbar-nav pull-right">
        <li><a href="#">电话：18207672397</a></li>
        <li><a href="#">退出</a></li>
        <li>
            <a href="#">消息<span class="badge">10</span></a>
        </li>
    </ul>
</nav>

<ul class="nav nav-pills cus-padding">
    <li class="active"><a href="#">订单管理</a></li>
    <li><a href="#">员工管理</a></li>
    <li><a href="#">促销管理</a></li>
    <li><a href="#">车辆管理</a></li>
</ul>

<div class="row">
    <div class="col-md-2">
        <ul class="nav nav-pills nav-stacked cus-menu">
            <li>
                <a href="#menu-left" data-toggle="collapse"><span class="glyphicon glyphicon-collapse-down"></span>订单管理</a>
                <ul class="nav nav-pills nav-stacked collapse in" id="menu-left">
                    <li><a href="#"> <span class="glyphicon glyphicon-list"></span>订单管理</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-plus"></span>订单管理</a></li>
                </ul>
            </li>
            <li>
                <a href="#menu-right" data-toggle="collapse"><span class="glyphicon glyphicon-collapse-down"></span>订单管理</a>
                <ul class="nav nav-pills nav-stacked collapse in" id="menu-right">
                    <li><a href="#"> <span class="glyphicon glyphicon-list"></span>订单管理</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-plus"></span>订单管理</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="col-md-10 cus-content">
        <div class="panel panel-default">
            <div class="page-header">
                <form role="form" class="form-inline">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="请输入您要查询的内容"/>
                        <button class="btn btn-primary form-control">点击查询</button>
                    </div>
                </form>
            </div>
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>订单号</th>
                        <th>产品名称</th>
                        <th>客户名称</th>
                        <th>性别</th>
                        <th>电话</th>
                        <th>地址</th>
                        <th>车牌号</th>
                        <th>车身</th>
                        <th>车型</th>
                        <th>预约时间</th>
                        <th>下单时间</th>
                        <th>订单状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td>00000000000000</td>
                        <td>上面编写代码</td>
                        <td>黄小姐</td>
                        <td>女</td>
                        <td>18207672397</td>
                        <td>深圳</td>
                        <td>湘 888888</td>
                        <td>白色</td>
                        <td>奥迪 A6</td>
                        <td>21:00 20170303</td>
                        <td>21:00 20170303</td>
                        <td>未分配</td>
                        <td>【分配】【修改】</td>
                    </tr>
                    <tr>
                        <td colspan="13">
                            <ul class="pagination">
                                <li><a href="#">上一页</a></li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">6</a></li>
                                <li><a href="#">7</a></li>
                                <li><a href="#">下一页</a></li>
                            </ul>
                        </td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


<script>
      /*阻止右键菜单的默认*/
        function click(){
            if(event.button==2){
                alert( '本网站欢迎您 !!');
            }
        }
        document.onmousedown = click;
</script>
</body>
</html>